﻿/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{	
	background-image: url('/Images/head.png');
	background-repeat: repeat-x;
    background-color: #EFE7D8;
    /*font-size: 12px;*/
    font-size: 62.5%;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    color: #494949;
}
img 
{
	border-width: 0px;
}

a:link
{
    color: #039;
    text-decoration: underline;
}
a:visited
{
    color: #039;
}
a:hover
{
    color: #69c;
    text-decoration: none;
}
a:active
{
    color: #039;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
    text-align:justify;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #6B562C;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;

}
h2
{
    padding: 0 0 10px 0;    
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
#page
{
    min-width: 900px;
    margin-left: 62px;
    margin-right: 62px;
    position:relative;
}

.clear{
    clear: both;
    /* make sure there is no height set to it */
    line-height: 0;
    height: 0;
    font-size: 0em;
}

#topmenu 
{
	height:80px;
	margin-top:0px;
	padding-top:0px;
}

#topmenu > ul {
	list-style-type: none;
	padding: 0 0 0 2px;
	margin:0px;
	height: 50px;	
}

#topmenu > ul > li 
{
	padding:0px;
	margin:0px;
	background: transparent url('/images/delim.png') no-repeat left top;
	display:block;
	float: left;	
	height: 50px;
	line-height: 50px;
	list-style-type: none;
}
#topmenu > ul > li > a {
	color: #fff;
	margin:0px;
	display:block;
	font-size: 16px;
	font-weight:bolder;
	text-decoration: none;	
	padding: 0 20px;
	margin-left: 0px;
	margin-right: 0px;
}
#topmenu > ul > li > a:hover {
	color: #eef;
}

#topmenu > ul > li > a.selected {
	background: url('/images/over.png') repeat-x;
	color: #fff;
}
#topmenu > ul > li > a.selected:hover {
	color: #eef;
}
#topmenu > ul > li > a:active {
	background: url('/images/over.png') repeat-x;
	color: #039;
}

#leftmenu 
{
	float:left;
	width: 170px;
	padding-left: 0px;
	padding-bottom:20px;	
	position: relative;
}

#leftmenu > ul {
	list-style-type: none;
	padding: 0 0 14 2px;
	margin:0px;
}

#leftmenu > ul > li 
{
	list-style-type: none;
	margin-left:0px;
	padding: 4px 0px 0px 0px;

}

#leftmenu > ul > li > a.selected 
{

}

#leftmenu > ul > li > a {
	color: #6B562D;
	padding-left:0px;
	padding-top: 6px;
	margin:0px;
	font-size: 18px;
	text-decoration: none;	
}
#leftmenu > ul > li > a:hover {
	color: #D1BC92;
}

#leftmenu > ul > li > a.selected:hover {
	color: #D1BC92;
}
#leftmenu > ul > li > a:active {
	/*background: url('/images/over.png') repeat-x;*/
	color: #6B562D;
}

.myhref 
{
	color:#6B562D !important; 
	text-decoration:none !important;
}
.myhref:hover
{
	color: #D1BC92 !important;
}
.myhrefgreen
{
	color:#080 !important; 
	text-decoration:none !important;
}
.myhrefgreen:hover
{
	color: #8f8 !important;
}
#signin 
{
	position:absolute;
	text-align:right;
	top:53px;
	right: 0px;
    min-width: 900px;
	font-size:12px;
	font-weight:normal;
	color:White;
}
#signin > a 
{
	color:White;
}

:focus {
    outline: 0px solid blue!important;
}

#footer 
{
	font-size: 10px;
	padding-top: 12px;
	padding-bottom:24px;
	min-width:900px;
	text-align:right;
}

#content 
{
    min-height:400px;
	margin-left: 180px;
	padding-left: 20px;
	padding-top:0px;
	padding-bottom:30px;
	padding-right: 20px;	
	/*border-right: 1px solid #D1BA8F;*/
/*	border-left: 1px dotted #D1BA8F;
	border-bottom: 1px dotted #D1BA8F; */
	position:relative;	
}

.button20 
{
	font-size:14px;
	font-weight:bold;
	color:White !important;
	cursor:pointer;
	width:auto;
    height :20px;
    float:left;
    padding-right: 20px;
} 

.button:hover,
.button.hover {
	text-shadow: none;
}


.button20 .m 
{
	float:left;
	height:20px;
	padding-left:10px; padding-right:10px; padding-top: 2px;
    background: url('/Images/button-mid_20.png') repeat-x;

}
.button20 .l {
	float:left;
	width:10px;
	height:20px;
  background: url('/Images/button-left_20.png') no-repeat top left;
}
.button20 .r {
	float:left;
	width:10px;
	height:20px;
  background: url('/Images/button-right_20.png') no-repeat top right;
}

.formclass 
{
	background:#FFFFFF;
	border: 1px solid #D1BA8F;
	padding: 30px 30px 50px 30px;
	/*behavior: url('/scripts/ie-css3.htc'); */
	border-radius: 20px 30px 20px 30px; 
	-moz-border-radius: 20px 30px 20px 30px; 
	-webkit-border-radius: 20px 30px 20px 30px; 
	-khtml-border-radius: 20px 30px 20px 30px; 
	-moz-box-shadow: 4px 4px 8px #888;
	-webkit-box-shadow: 4px 4px 8px #888;
	-khtml-box-shadow: 4px 4px 8px #888;
	box-shadow: 4px 4px 8px #888;
}

.smallinput
{
	width:200px;
	height:16px;
	border-left:1px solid #D1BA8F;
	border-top:1px solid #D1BA8F;
	border-bottom:1px solid #EEE6D7;
	border-right:1px solid #EEE6D7;
}

.photo 
{
	width:200px; 
	padding:2px 2px 0px 2px; 
	margin-bottom:6px;
	/*float:left;*/
	border:1px solid #6B562C;
	-moz-box-shadow: 4px 4px 7px #888;
	-webkit-box-shadow: 4px 4px 7px #888;
	-khtml-box-shadow: 4px 4px 7px #888;
	box-shadow: 4px 4px 7px #888;
}
.smallphoto 
{
	width:100px; 
	padding:2px 2px 0px 2px; 
	/*float:left;*/
	border:1px solid #6B562C;
	-moz-box-shadow: 4px 4px 7px #888;
	-webkit-box-shadow: 4px 4px 7px #888;
	-khtml-box-shadow: 4px 4px 7px #888;
	box-shadow: 4px 4px 7px #888;
}
.shaded 
{
	 border-bottom: 1px dotted #fff;
	 padding: 3px 6px 3px 6px;
}

.shadedleft
{
	 border-left: 1px dotted #fff;
}

.shadedright
{
	 border-right: 1px dotted #fff;
}

.shadedtop
{
	 border-top: 1px dotted #fff;
}

.personal 
{
	margin-left:240px;
	font-size: 12px;		

}

.aboutself 
{
	font-size: 12px;	
	padding-bottom:20px;
	text-align: justify;
}

.feedback
{
	font-size: 14px;	
	padding-top:20px;
	padding-bottom:20px;
    text-align: justify;
}

.infoheader 
{
	padding:1px 20px 3px 8px;
	margin-bottom:10px;
	font-size: 14px;
	background:#D1BC92;
	color:#6B562D;
	position:relative;
	border-top: 1px solid #B18F4B;
	border-bottom: 1px solid #B18F4B;
	border-left: 1px solid #B18F4B;
	border-right: 1px solid #B18F4B;
	border-radius: 3px 7px 3px 7px;
	-moz-border-radius: 3px 7px 3px 7px;
	-webkit-border-radius: 3px 7px 3px 7px;
	-khtml-border-radius: 3px 7px 3px 7px;
		
	-moz-box-shadow: 4px 4px 7px #888;
	-webkit-box-shadow: 4px 4px 7px #888;
	-khtml-box-shadow: 4px 4px 7px #888;
	box-shadow: 4px 4px 7px #888;
	background:-webkit-gradient(
	linear,
    left top,
    left bottom,
    color-stop(0, rgb(209,188,146)),
    color-stop(1, rgb(239,232,217))
	);
	background:-moz-linear-gradient(
	center top,
    rgb(209,188,146) 0%,
    rgb(239,232,217) 100%
	);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#D1BC92',EndColorStr='#EFE7D8'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D1BC92',EndColorStr='#EFE7D8')"; /* IE8 */

	/*behavior: url('/scripts/ie-css3.htc');*/

}


.leftheader 
{
	padding:1px 20px 3px 20px;
	margin-bottom:18px;
	margin-top:10px;
	font-size: 14px;
	background:#D1BC92;
	color:#6B562D;
	border-top: 1px solid #B18F4B;
	border-bottom: 1px solid #B18F4B;
	border-left: 1px solid #B18F4B;
	border-right: 1px solid #B18F4B;
	border-radius: 3px 7px 3px 7px;
	-moz-border-radius: 3px 7px 3px 7px;
	-webkit-border-radius: 3px 7px 3px 7px;
	-khtml-border-radius: 3px 7px 3px 7px;
	font-weight:bold;		
	-moz-box-shadow: 4px 4px 7px #888;
	-webkit-box-shadow: 4px 4px 7px #888;
	-khtml-box-shadow: 4px 4px 7px #888;
	box-shadow: 4px 4px 7px #888;
	/*behavior: url('/scripts/ie-css3.htc');*/

}

.leftgamelist 
{
	padding:1px 20px 3px 20px;
	font-size: 11px;
}

.leftgamelist a
{
	color:#6B562D;	
	text-decoration:none;
}

.leftgamelist a:hover
{
	color:#D1BC92;	
}

.brownlink
{
	color:#6B562D !important;	
	text-decoration:none !important;
}

.brownlink:hover
{
	color:#D1BC92 !important;	
}

.gamename 
{

	padding:2px 20px 2px 8px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	font-size: 14px;
	margin-left:20px;
	background:#D1BC92;
	border: 1px solid #6B562C;
	font-weight:bold;
	color:#6B562C;		
	border-radius: 6px 6px 0px 0px; 
	-moz-border-radius:6px 6px 0px 0px ;
	-webkit-border-radius:6px 6px 0px 0px ;
	-khtml-border-radius:6px 6px 0px 0px ;
	
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#D1BC92',EndColorStr='#EFE7D8'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D1BC92',EndColorStr='#EFE7D8')"; /* IE8 */
	
	background:-webkit-gradient(
	linear,
    left top,
    left bottom,
    color-stop(0, rgb(209,188,146)),
    color-stop(1, rgb(239,232,217))
	);
	background:-moz-linear-gradient(
	center top,
    rgb(209,188,146) 0%,
    rgb(239,232,217) 100%
	);
}

.gamedesc 
{
	color:#039;
	padding:14px 20px 14px 20px;
	margin-bottom:0px;
	font-size: 11px !important;
	margin-left:20px;
	background:#fff;
	border: 1px solid #6B562C;
	border-top:0px;
	overflow:hidden;
	border-radius: 0px 0px 6px 30px; 
	-webkit-border-radius: 0px 0px 6px 30px; 
	-khtml-border-radius: 0px 0px 6px 30px; 
	-moz-border-radius:0px 0px 6px 30px ;
	-moz-box-shadow: 7px 7px 20px #888;
	-webkit-box-shadow: 7px 7px 20px #888;
	-khtml-box-shadow: 7px 7px 20px #888;
	box-shadow: 7px 7px 20px #888;

}

.g_links 
{
	white-space:nowrap;
	font-weight:bold;
	padding-left:15px;
	padding-right:15px;
	border-left: 1px solid #6B562C;
	vertical-align:middle;
	height:100%;	
	display:table-cell;
}

.g_links a 
{
	text-decoration:underline;
}

.gamecontent a 
{
	text-decoration:none;
	padding-top:0px;
	padding-bottom:0px;	
}
.gamecontent a:hover
{
	background-color: #eef;
}
.loading a:hover
{
	background:none;
}

.indicator:visited 
{
	color:#ccf;
}

.loadblock 
{
	width:40px;
	height:32px;
	padding: 0px 0px 0px 0px;
}

.bigbutton 
{
	width:40px;
	height:32px;
	padding: 0px 0px 0px 0px;
}

.lowercontent 
{        
    font-size:12px;
    color:#6B562C;
    padding-left:30px;    
    padding-top:20px;
    padding-bottom:30px;
    padding-right:30px;
    border: 1px solid #6B562C !important;
    border-radius: 6px 6px 6px 40px; 
	-moz-border-radius:6px 6px 6px 40px; 
	-webkit-border-radius:6px 6px 6px 40px; 
	-khtml-border-radius:6px 6px 6px 40px; 
	-moz-box-shadow: 4px 4px 8px #888;
	-webkit-box-shadow: 4px 4px 8px #888;
	-khtml-box-shadow: 4px 4px 8px #888;
	box-shadow: 4px 4px 8px #888;
	background:#fff;
}

.mainname 
{
	background-color:#92A7D1; 
	border: 1px solid #2C416A; 
	position:relative; 
	margin-top:4px !important; 
	margin-bottom:20px !important;
	width: 100%; 
	height:45px; 
	/*behavior: url('/scripts/ie-css3.htc'); */
	border-radius: 6px 6px 6px 20px; 
	-moz-border-radius:6px 6px 6px 20px; 
	-webkit-border-radius:6px 6px 6px 20px; 
	-khtml-border-radius:6px 6px 6px 20px; 
	-moz-box-shadow: 4px 4px 8px #888;
	-webkit-box-shadow: 4px 4px 8px #888;
	-khtml-box-shadow: 4px 4px 8px #888;
	box-shadow: 4px 4px 8px #888;
	background:-webkit-gradient(
	linear,
    left top,
    left bottom,
    color-stop(0, rgb(145,166,209)),
    color-stop(0.75, rgb(217,224,239))
	);
	background:-moz-linear-gradient(
    center top,
    rgb(145,166,209) 0%,
    rgb(217,224,239) 75%
	);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#91A6D1',EndColorStr='#D9E0EF'); /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#91A6D1',EndColorStr='#D9E0EF')"; /* IE8 */
}

.infoline 
{
    padding-top:4px;
    padding-bottom:2px;
    padding-left:5px;	
    /*
	border-bottom: 1px solid #D1BA8F;
	border-right: 1px solid #D1BA8F;
	border-left: 1px solid #D1BA8F;

	width:250px;
	border-bottom-right-radius: 16px;
	-webkitborder-bottom-right-radius: 16px;
	-khtml-border-bottom-right-radius: 16px;
	-moz-border-radius-bottomright: 16px;
		-moz-box-shadow: 3px 3px 3px #888;
	-webkit-box-shadow: 3px 3px 3px #888;
	-khtml-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;
	position:relative;
	top:-16px;
	left:20px;
*/
}

.padded
{
    padding-bottom:10px;
}
.stroked
{
    border-bottom:1px inset #6B562C;
}

.awesome
{
	background: #222 url('/images/alert-overlay.png') repeat-x;
	display: inline-block;
	padding: 5px 10px 6px !important;
	margin-bottom:0px;	
	text-decoration: none !important;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);position: relative;
	cursor: pointer;
	font-size: 12px;
	background-color: #6B562C;
	color:white !important;

}

.awesome:hover	{ background-color: #B39049 !important; color: #fff !important; }

.awesome:active	{ background-color: #6B562C !important; color: #fff !important; }

.FreeSetBoldCyrillic {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'FreeSetBoldCyrillic', sans-serif;
	font-size-adjust: 0.52;
}
.FreeSetBold {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'FreeSetBold', sans-serif;
	font-size-adjust: 0.52;
}
.FreeSetCyrillic {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'FreeSetCyrillic', sans-serif;
	font-size-adjust: 0.51;
}
.FreeSet {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'FreeSetRegular', sans-serif;
	font-size-adjust: 0.51;
}

.news td 
{
    padding:0px 12px 3px 0px;
}


.fbk 
{
    position:absolute; 
    left:0px; 
    top:100px; 
    width:32px; 
    height:178px;
    cursor:pointer;
    background-image:url('/Images/feedback.png');
}
.fbk:hover
{
    background-image:url('/Images/feedback_active.png');
}

.userlist 
{
    height:20px;
    width:150px;
    background-image:url('/Images/combobox.png');
}
/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; position:relative; height:2em; text-decoration: none; overflow:hidden;}
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; }
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status {line-height: 1.4em; display:block; padding:.3em 1em; outline:none; text-decoration:none !important; color:#6B562C !important; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; text-decoration:none !important; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a {  text-decoration:none !important;  }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content {  }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 12px; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding:.6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }

.nodecor a 
{
    text-decoration:none !important;
}

.myhref2 
{
    text-decoration:none !important;
    color:#5C49B3 !important;
}

.myhref2:hover 
{
    color:#9C91D1 !important;
}
.sociallist 
{
    padding-top:3px;
    padding-bottom:3px;
    border-top: 1px outset #D1BC92; 
}
.sociallist_b
{
    padding-top:6px;
    padding-bottom:6px;
    font-size: 12px;
}
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #6B562D;
	background-color: #EFE7D8;
	color: #6B562D;
	font-weight: normal;
	font-size: 11px;
	padding: 10px 20px 15px 20px;
	opacity: 0.95;
	border-radius: 10px 30px 10px 30px; 
	-moz-border-radius: 10px 30px 10px 30px; 
	-webkit-border-radius: 10px 30px 10px 30px; 
	-khtml-border-radius: 10px 30px 10px 30px; 
	-moz-box-shadow: 4px 4px 8px #888;
	-webkit-box-shadow: 4px 4px 8px #888;
	-khtml-box-shadow: 4px 4px 8px #888;
	box-shadow: 4px 4px 8px #888;
}
#tooltip h3, #tooltip div { margin: 0; }